<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>【Example Jsp】</title>
<link rel="stylesheet" href="jquery/css/base/jquery.ui.all.css">
<link rel="stylesheet" href="jquery/css/demos.css">
<script src="jquery/jquery-1.5.1.js"></script>
<script src="jquery/ui/jquery.ui.core.js"></script>
<script src="jquery/ui/jquery.bgiframe-2.1.2.js"></script>
<script src="jquery/ui/jquery.ui.widget.js"></script>
<script src="jquery/ui/jquery.ui.tabs.js"></script>
<script src="jquery/ui/jquery.ui.mouse.js"></script>
<script src="jquery/ui/jquery.ui.selectable.js"></script>
<script>
	$(document).ready(function() {
		$("#tabs").tabs( {
			ajaxOptions : {
				error : function(xhr, status, index, anchor) {
					$(anchor.hash).html("无法加载该页面，请联系管理员！");
				}
			}
		});
	});
</script>

<style>
#feedback {
	font-size: 1.4em;
}

#selectable .ui-selecting {
	background: #FECA40;
}

#selectable .ui-selected {
	background: #F39814;
	color: white;
}

#selectable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 60%;
}

#selectable li {
	margin: 3px;
	padding: 0.4em;
	font-size: 1.4em;
	height: 18px;
}
</style>
</head>
<body>
<s:property value="JsonString" escape="false" />
<div><h1></h1>info</div>
<div id="tabs">
<ul>
	<li><a href="#tabs-1">Welcome</a></li>
	<li><a href="example/content1.jsp">Tab 1</a></li>
	<li><a href="example/content2.jsp">Tab 2</a></li>
	<li><a href="example/content3.jsp">Tab 3</a></li>
	<li><a href="example/content4.jsp">Tab 4</a></li>
</ul>
<div id="tabs-1">
<p>
<h1>Welcome Pages</h1>
</p>
</div>
</div>
</body>
</html>